import "./index.scss";

const FOOTER_ITEM = [
  {
    label: "产品功能",
    children: [
      "在线表单",
      "流程引擎",
      "仪表盘",
      "知识库",
      "团队协作",
      "更新日志",
      "网络监测",
    ],
  },
  {
    label: "解决方案",
    children: [
      "离散制造ERP",
      "设备管理与巡检",
      "订单管理_进销存",
      "质量管理",
      "HSE管理",
    ],
  },
  {
    label: "了解我们",
    children: ["行业案例", "产品定价", "定制实施", "帮助中心", "七周年"],
  },
];

export default function Footer() {
  const node = FOOTER_ITEM.map((item, i) => (
    <li key={i}>
      <h4>{item.label}</h4>
      <ul>
        {item.children.map((it, ii) => (
          <li key={ii}>
            <span>{it}</span>
          </li>
        ))}
      </ul>
    </li>
  ));
  return (
    <div className="footer">
      <ul className="f-list">
        {node}
        <li className="lxwm">
          <h4>联系我们</h4>
          <p>
            <span className="tip">市场合作：</span>marketing@jiandaoyun.com
          </p>
          <p>
            <span className="tip">服务热线：</span>
            <span className="tip">
              <span className="phone">400-111-0890</span>
              <span className="tlt">（工作日：09:00-12:00，13:30-17:30）</span>
            </span>
          </p>
          <p>
            <span className="tip">总裁办24H投诉电话：133 7361 3297</span>
          </p>
          <p>
            <span className="tip">投诉邮箱：</span>
            <span className="tip">
              tousu@jiandaoyun.com
              <span className="tlt">
                （您对我们的产品、服务有任何不满均可投诉）
              </span>
            </span>
          </p>
          <div className="ewm">
            <div className="a1">
              <img
                src="https://blog-assets.jiandaoyun.com/index/outsourcing/2020jdy-fwxewm.png"
                alt="简道云微信二维码"
              />
            </div>
            <div className="a2"></div>
            <div className="a3"></div>
          </div>
        </li>
      </ul>
    </div>
  );
}
